<template> 
	<view >
		<input placeholder="起个亮眼的标题" class="title" v-model="form.connect" />
		<view class="view_line"></view>
		<view class="tabb">
			<view class="tab">组队互助</view>
			<view class="tab">干货经验</view>
		</view>
		<jinEdit placeholder="在这里留下你的痕迹吧..." @editOk="editOk" ></jinEdit>
		
	</view>
</template>

<script>
	import jinEdit from "../../components/jin-edit.vue"
	export default {
		data() {
			return {
				form:{
					connect:'',
					title:'',
				}
			}
		},
		components:{
			jinEdit
		},
		methods: {
					editOk(res) {
						console.log(res);
					}
		}
	}
</script>

	
<style>
.title{
	position:relative;//定位方式,相对定位
	margin: 50rpx 25rpx 15rpx 25rpx;
	font-size: large;
	font-weight:600;
}
.view_line {
		width: 95%;
		height: 5rpx;
		background: #f3f3f3;
		/* margin: 0rxp 5% 0rxp 5%; */
		margin: 0 auto;
		text-align: center;
	}
.tabb{
	display: flex;
	flex-direction: row;
}
.tab{
	position:relative;//定位方式,相对定位
	margin: 20rpx 0 20rpx 25rpx;
	/* background-color: #666FFC; */
	background-color: #e6e6e6;
	color: #8a8a8a;
	border-radius: 15rpx;
	width: 180rpx;
	display: block;//块的形式让文字居中
	text-align: center;
}
</style>
